<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教学案例，免费学习</title>
    <style>
        div {
            width: 55%;
            margin: 0 auto;
        }

        a {
            text-decoration: none;
        }

        li {
            line-height: 38px;
        }
        strong a{
            color: red;
        }
    </style>
</head>
<body>
<div>
    <h2 align="center">欢迎大家</h2>
    <h4>以下是我在JAVA教学过程中手写的代码，有需要的同学可以点击下载学习，完全免费！</h4>
    <ol>
        <li><a href="http://www.gyun.org/java1_chapter1_java_base.pdf">
            java1_chapter1_java_base.pdf(初识java笔记及相关手写小Demo) 2019-08-28</a></li>               <li><a href="http://www.gyun.org/java1_chapter2_type_variable(JavaSE变量与数据类型).pdf">java1_chapter2_type_variable(JavaSE变量与数据类型笔记及相关手写小Demo) 2019-08-29</a></li>
         <li><a href="http://www.gyun.org/java6_chapter2_session_cookie_application.zip">
            java6_chapter2_session_cookie_application.zip(手写数据的传递和保存小Demo) 2019-07-26</a></li>
        <li><a href="http://www.gyun.org/java6_chapter3_jdbc.zip"> java6_chapter3_jdbc.zip(手写JDBC小Demo) 2019-07-29</a>
        </li>
        <li><a href="http://www.gyun.org/java6_chapter4_dao.zip"> java6_chapter4_dao.zip(手写Dao小Demo) 2019-07-31</a></li>
        <li><a href="http://www.gyun.org/java6_chapter5_jndi.zip"> java6_chapter5_jndi.zip(手写Jndi小Demo)　2019-08-02</a>
        </li>
        <li><a href="http://www.gyun.org/java6_chapter6_ckeditor.zip">
            java6_chapter6_ckeditor.zip(手写CKEditor小Demo)　2019-08-05</a></li>
        <li><a href="http://www.gyun.org/java6_chapter6_fileupload.zip">
            java6_chapter6_fileupload.zip(手写文件上传小Demo)　2019-08-05</a></li>
        <li><a href="http://www.gyun.org/java6_chapter7_page.zip"> java6_chapter7_page.zip(手写分页小Demo)　2019-08-07</a>
        </li>
        <li><a href="http://www.gyun.org/java6_chapter8_el_jstl.zip">
            java6_chapter8_el_jstl.zip(手写EL_JSTL小Demo)　2019-08-09</a></li>
        <li><a href="http://www.gyun.org/java6_chapter9_servlet_filter.zip">
            java6_chapter9_servlet_filter.zip(手写Servlet和Filter小Demo)　2019-08-12</a></li>
        <li><a href="http://www.gyun.org/java6_chapter910_listener.zip">
            java6_chapter910_listener.zip(手写Listener1小Demo)　2019-08-14</a></li>
        <li><a href="http://www.gyun.org/java6_chapter910_listener2.zip">
            java6_chapter910_listener2.zip(手写Listener2小Demo)　2019-08-14</a></li>
        <li><a href="http://www.gyun.org/java6_chapter911_ajax_jquery.zip">
            java6_chapter911_ajax_jquery.zip(手写原生Ajax及jQuery封装的Ajax小Demo)　2019-08-16</a></li>
        <li><a href="http://www.gyun.org/java6_chapter911_ajax_jquery_json.zip">
            java6_chapter911_ajax_jquery_json.zip(手写Ajax异步刷新&Json格式传递数据的小Demo)　2019-08-19</a><strong><a href="http://myxyz.com.cn/java6_chapter911_ajax_jquery_json/login.jsp">在线Demo</a></strong></li>
        <li><a href="http://www.gyun.org/java6_chapter912_ajax_jquery3.zip">
            java6_chapter912_ajax_jquery3.zip(手写使用jquery发送Ajax请求的几种异步刷新方式小Demo)　2019-08-21</a><strong><a href="http://myxyz.com.cn/java6_chapter912_ajax_jquery3/ajaxtest_base.jsp">在线Demo</a></strong></li>
        <li><a href="http://www.gyun.org/java6_chapter912_ajax_jquery4_serializeArray_fastjson.zip">
            java6_chapter912_ajax_jquery4_serializeArray_fastjson.zip(手写jquery简化表单元素提交和FASTJSON的应用小Demo)　2019-08-26</a>&nbsp;&nbsp;<strong><a href="http://myxyz.com.cn/java6_chapter912_ajax_jquery4_serializeArray_fastjson/register.jsp">在线Demo1</a>&nbsp;&nbsp;<a href="http://myxyz.com.cn/java6_chapter912_ajax_jquery4_serializeArray_fastjson/login.jsp">在线Demo2</a></strong></li>
    </ol>
    <h3>如有疑问可以加我QQ：1050968899 &nbsp;&nbsp;&nbsp;&nbsp;或　微信：QingYunJiao </h3>
    <h3>或加群:　600260138　JAVA技术交流&资源分享群&nbsp;&nbsp;　　|&nbsp;&nbsp;636187852　Java技术交流分享群
        &nbsp;&nbsp;|&nbsp;&nbsp;备注:xx</h3>
    <h2>请关注一下我的<a href="https://blog.csdn.net/atgfg">博客CSDN</a>，这个更新最早。或关注一下我的<a href="https://github.com/qingyunjiao/qingyunjiao.github.io">GitHub</a>，谢谢支持！</h2>
    <h3>(持续更新)</h3>　
</div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
    jQuery(document).ready(function () {
        // 1.设置奇数行li的背景颜色为橘黄色.
        $('li:odd').css('background', 'bisque');
        // 2.设置偶数行li的背景颜色为淡紫红.
        $('li:even').css('background', 'lavenderblush');
        var color = null;//用变量color保存颜色
        //3. 鼠标指针移入事件
        $('li').mouseover(function () {
            //获取鼠标划过之前的颜色
            color = $(this).css('background');
            //设置当前鼠标划过时的颜色为淡蓝色
            $(this).css('background', 'lightblue');
        }).mouseout(function () { //4. 鼠标指针移出事件
            //还原鼠标之前划过的颜色
            $(this).css('background', color);
        });
    });
</script>
</html>